<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>师资详情</title>
    <link rel="stylesheet" href="../../mobile/css/basic.css">
    <link rel="stylesheet" href="../../mobile/css/infoDetails.css">
    <script src="../../mobile/lib/basicSize.js"></script>
</head>
<body>
<!--导航栏-->
<header class="header">
    <div class="header-body">
    </div>
</header>
<div class="info_detail_box">
    <div class="info_box">
        <div class="close_btn_area">
            <button class="close_modal_btn"></button>
        </div>
        <div class="info_img_area"></div>
        <div class="info_font">
            <span class="name">范老师</span>
            <span class="level">金牌考研教师</span><br>
            <span class="skill">特长：</span>
            <span class="skillInfoOne">专业课程强化培训</span>
            <span class="skillInfoTwo">专题预测分析</span>
        </div>
        <div class="info_font_detail">
            <p>
                副教授 , 7年考研英语辅导经验 , 尤其擅长阅读规律分析深度解析,授课
                风格丰富多样 , 机智幽默与严格要求并存 , 严谨知识与精妙感悟共存。
            </p>
            <p>
                副教授 , 7年考研英语辅导经验 , 尤其擅长阅读规律分析深度解析,授课
                风格丰富多样 , 机智幽默与严格要求并存 , 严谨知识与精妙感悟共存。
            </p>
        </div>
    </div>
</div>

<script src="../../mobile/lib/jquery/jquery.min.js"></script>
<!--导航栏-->
<script src="../../mobile/lib/nav/moder.js"></script>
<script src="../../mobile/lib/nav/setNav.js"></script>
<script>
    // 控制高度
    $('.info_detail_box').css('height', ($(window).height())-61 + 'px');//窗口高度
    $(window).resize(function() {
        $('.info_detail_box').css('height', ($(window).height())-61 + 'px');//窗口高度
    });
</script>
</body>
</html>